.header{
    display: flex;
    justify-content:space-around;
    padding: 0px 88px;
    div{
        flex-direction: column;
        img{
            width: 28px;
            position: absolute;
            right: 25px;
        }
        span{
            color: #b5b8bd;
            font-size: 0.4px;
            
        }
    }
    .synthesis{
        font-weight: 900;
        color: #fb6c9a;
        border-bottom: 2px solid #fb6c9a;
    }
}
.input{
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 20px;
    
    input{
        width: 90%;
        height: 24px;
        background-color: #f2f3f5;
        border: 0;
        border-radius: 10px;
        text-indent: 32px;
        color: #b5b8bd;
        margin: 16px 0px 16px 13px;
    }
    .search-logo{
        position:absolute;
        top: 70px;
        left: 30px;
    }
}
.game-center{
    display: flex;   
    justify-content: space-between;
    padding: 16px 10px 0px;    
  }
  .game-center div{
    flex-direction: column;        
  }
  .game-center-left{
    font-weight: 600;
  }
  .game-center-right{
    height: 32px;
    line-height: 32px;
    padding: 0px 16px;
    color: #b5b8bd;
    font-size: 0.4px;
  }

table{
    .avatar{
        td{
            img{
                width: 100%;
            }
        }
    }
    .table-title{
        td{
            font-size: 13px;
        }
    }
}

.topic{
    span{
        position: relative;
        top: -4px;
    }
    img{
        width: 24px;
    }
}
.hot{
    border-top: 10px solid #f2f2f2;
    border-bottom: 10px solid #f2f2f2;
    margin: 20px 0px;
    padding-bottom: 10px;
}
.publish{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    div{
        flex-direction: column;

    }
    .text{
        line-height: 26px;
        margin-left: -60%;
        margin-top: 13px;
        span{
            font-size: 11px;
            color: #b5b8bd;
        }
    }
}
.publish-title{
    font-size: 20.5px;
}
.publish-bottom{
    display: flex;
    justify-content: space-around;
    div{
        flex-direction: column;
        img{
            width: 22px;
            margin-bottom: -3px;
        }
        .nub{
            padding: 0px 6px;
        }
    }
}
